<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:pe="http://primefaces.org/ui/extensions">

    <div>
        <p:panel header="Creando evento para la comunidad CJava" style="border:none;">

            <p>
                Puede crear el evento solo internamente.
                Como tambien puede elegir que el evento sea para los usuarios 
                seguidores.
            </p>

            <p:separator/>
            <h:form id="formRegisterEvent">

                <div class="dynaFormLabel">  
                    <p:outputLabel for="txt" value="Nombre Evento"/>  
                </div>  
                <p:inputText id="txt" required="true" size="60" label="Nombre Evento"
                             value="#{meetingBean.meeting.name}" maxlength="99"/> 
                <p class="separator"/>
                <div class="dynaFormLabel">  
                    <p:outputLabel for="menu" value="Fecha del Evento"/>  
                </div>  
                <p:calendar id="menu" required="true" label="Fecha de evento"
                            locale="es" pattern="dd/MM/yyyy hh:mm a"
                            showButtonPanel="true" size="45" value="#{meetingBean.meeting.startDate}"/>  
                <p class="separator"/>
                <div class="dynaFormLabel">  
                    <p:outputLabel for="desc" value="Descripción de evento"/>  
                </div>
                <p:inputTextarea id="desc" autoResize="false" label="Descripción de Evento"
                                 required="true" maxlength="499" 
                                 style="width: 247px; height: 100px;" 
                                 value="#{meetingBean.meeting.description}"/>
                <p class="separator"/>
                <div class="dynaFormLabel">  
                    <p:outputLabel for="teach" value="Docente que dictara el curso"/>
                    <p:commandButton icon="fa fa-plus" process="@none" style="margin-left: 10px;"
                                     oncomplete="teacherModal.show();" update=":teacherModalId"/>
                </div>
                <p:outputPanel deferred="true" id="teacherLoading">
                    <p:selectOneMenu id="teach" style="width: 255px;" 
                                     required="true" label="Docente" converter="teacherconvert"
                                     value="#{meetingBean.meeting.idTheacher}">
                        <f:selectItem itemLabel="Selecione Docente" />
                        <f:selectItems value="#{meetingBean.listTeacher}" var="teacher"
                                       itemLabel="#{teacher.completeName}" itemValue="#{teacher}" />
                    </p:selectOneMenu>
                </p:outputPanel>
                <p class="separator"/>
                <p class="separator"/>
                <!--
                <div class="dynaFormLabel">  
                    <p:outputLabel for="teach" value="Desea activar el evento para los usuarios?"/>
                    <p:selectOneRadio value="#{meetingBean.meeting.idState}" columns="2"
                                      converter="stateconvert">
                        <f:selectItems value="#{meetingBean.listStateMeeting}" var="meet"
                                       itemLabel="#{meet.name}" itemValue="#{meet}"/>
                    </p:selectOneRadio>
                </div>
                -->
                <p class="separator"/>
                <p class="separator"/>
                <p:commandButton value="Guardar" update="@form" action="#{meetingBean.saveOrUpdateMeeting()}"
                                 icon="ui-icon-disk"/>

            </h:form>


        </p:panel>
    </div>

    <p:dialog appendTo="@(body)" header="Nuevo Docente" modal="true"
              widgetVar="teacherModal" id="teacherModalId" >

        <h:form>
            <div class="dynaFormLabel">  
                <p:outputLabel for="nameComp" value="Nombre Completo del Docente"/>  
            </div>
            <p:inputText required="true" label="Nombre_Docente" id="nameComp"
                         value="#{meetingBean.teacher.completeName}" size="50" />
            <p class="separator"/>
            <!--
            <p:commandButton value="Guardar" action="#{meetingBean.saveOrUpdateTeacher()}"
                             update="@form,:formRegisterEvent:teach"
                             oncomplete="if(!args.validationFailed){teacherModal.hide();}"/>
            -->
            <p:commandButton value="Guardar" action="#{meetingBean.saveOrUpdateTeacher()}"
                             ajax="false"/>
        </h:form>

    </p:dialog>
</ui:composition>

